<link href="css/default.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css">
@import "css/layout.css";
</style>
<link type="text/css" href="css/jquery-ui-1.8.9.custom.css" rel="stylesheet" />	
<!--<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>-->

<link rel="stylesheet" href="js/development-bundle/themes/base/jquery.ui.all.css" />
<script src="js/development-bundle/jquery-1.4.4.js"></script>
<script src="js/development-bundle/ui/jquery.ui.core.js"></script>
<script src="js/development-bundle/ui/jquery.ui.widget.js"></script>

<script type="text/javascript" src="js/development-bundle/jquery-ui-1.8.9.custom.min.js"></script>

<!--<script src="js/js/development-bundle/ui/jquery.ui.accordion.js"></script>-->
<script>
$(function() {
	$( "#accordion" ).accordion({
		autoHeight: false,
		navigation: true
	});
	
	$( "#accordion1" ).accordion({
		active: false,
		autoHeight: false,
		navigation: true
	});
	
	$( "#tabs" ).tabs();
	
});
</script>
<script src="js/development-bundle/ui/jquery.ui.tabs.js"></script>
	
<!-- Validations-->
<script src="validate/jquery.validate.js" type="text/javascript"></script>
<style type="text/css">
label { float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
</style>

 
<!-- DatePicker -->
	<script src="js/development-bundle/ui/jquery.ui.datepicker.js"></script>
	<script>
	$(function() {
		var dates = $( "#from, #to" ).datepicker({
			defaultDate: "+1w",
			changeMonth: true,
			numberOfMonths: 1,
			onSelect: function( selectedDate ) {
				var option = this.id == "from" ? "minDate" : "maxDate",
					instance = $( this ).data( "datepicker" );
					date = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						selectedDate, instance.settings );
				dates.not( this ).datepicker( "option", option, date );
			}
		});
	});
	</script>
	
<!-- Dialog Box-->
<style type="text/css">
			/*demo page css*/
			body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}
</style>
<? 
$site_url = "https://". $_SERVER['SERVER_NAME'] . $_SERVER['PHP_SELF'];?>
<script type="text/javascript">
var site_url = "<?=$site_url?>";
</script>